﻿<fieldset>
	<legend>New Book</legend>
	<label for="tb-Title">Book Name:</label>
	<input type="text" id="tb-Title" ng-model="newBook.title" />
	<br />
	<label for="tb-Author">Author:</label>
	<input type="text" id="tb-Author" ng-model="newBook.author" />
	<br />
	<label for="tb-Revenue">Genre:</label>
	<input type="text" id="tb-Genre" ng-model="newBook.genre" />
	<br />
    <label for="tb-Pages">Pages:</label>
	<input type="text" id="Pages" ng-model="newBook.pages" />
	<br />
    <label for="tb-RentCost">Rent Cost:</label>
	<input type="text" id="RentCost" ng-model="newBook.rentCost" />
	<br />
    <label for="tb-Store">Store:</label>
    <select id="Store" ng-model="newBook.store">
	    <option ng-repeat="store in stores" value="{{store.name}}">{{store.name}}
	    </option>
    </select>
    <br />
	<button ng-click="addBook()">Save</button>
</fieldset>
<ul class="books-list">
	<li class="book-item" ng-repeat="book in books">
		<span>{{book.title}}</span>
	</li>
</ul>